<template>
  <cu-layout :bgStyle="{ color: '#ffffff' }" :navProp="{ placeholder: true }">
    <view :class="[`${prefixCls}-house-container`]">
      <view class="setting-row">
        <view class="left"> 个性化房源 </view>
        <view class="right"> <uv-switch v-model="value" :activeColor="theme" inactive-color="#f3f4f6"></uv-switch> </view>
      </view>
      <view class="container-text">
        <view class="text">个性化房源说明</view>
        <view class="tips">1.个性化房源功能</view>
        <view class="text-1">
          个性化房源是指我们基于收集的信息,向您进行定制化房源的展现,如果您展现或推荐相关程度更高的门店、户型信息等。您可前往《苏享家隐私政策》（【我的-设置-隐私管理】）查看个性化房源的更多信息
        </view>
        <view class="">2.关闭个性化房源的效果是什么？</view>
        <view
          >当您关闭个性化房源后，您将无法享受个性化房源服务，我们会基于房源热度等非个性化因素向您展示房源，您可能会看到您不感兴趣甚至不喜欢的房源，您的使用体验可能会收到影响</view
        >
      </view>
    </view>
  </cu-layout>
</template>

<script>
import { mapActions, mapGetters } from 'vuex'

export default {
  name: 'house',
  components: {},
  mixins: [],
  props: {},
  data() {
    return {
      value: true,
    }
  },
  // 侦听属性
  watch: {},
  // 计算属性
  computed: {
    ...mapGetters(['theme']),
  },
  // 监听页面加载，该钩子被调用时data,computed,function,watch,props,slots已设置完成
  onLoad(options) {},
  // 监听页面显示，页面每次出现在屏幕上都触发
  onShow() {},
  // 监听页面初次渲染完成，此时组件已挂载完成
  onReady() {},
  // 下拉刷新
  onPullDownRefresh() {},
  // 加载更多
  onReachBottom() {},

  created() {},
  mounted() {},
  destroyed() {},
  methods: {
    ...mapActions([]),
  },
}
</script>

<style lang="scss" scoped>
page {
  background: white !important;
}
.#{prefixCls('house-container')} {
  position: relative;
  background: white;
  box-sizing: border-box;
  padding: 15px;
  .setting-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    .right {
      display: flex;
    }
  }
  .container-text {
    color: #666666;
    .text {
      margin-bottom: 5px;
      color: #333;
    }
    .text-1 {
      margin-bottom: 20px;
    }
  }
}
</style>
